body {margin: 0px auto; padding: 0px; font-family: "微软雅黑"; font-size: 12px;}
a,img{border:0;}
div,ul,li,dl,dt,dd,p,form{padding: 0px; margin: 0px;list-style-type: none;}
div{position: relative;}
a{text-decoration:none; color:#444}
a:hover{text-decoration:none; color:#2274AC;}
a:visited {text-decoration:none; color:#444}
a:focus {text-decoration:none; color:#444}
.clear {clear:both;height:0px; overflow:hidden;}
.blank2{height:2px;overflow:hidden;}
.blank3{height:3px;overflow:hidden;}
.blank5{height:5px;overflow:hidden;}
.blank10{height:10px;overflow:hidden;}
.blank15{height:15px;overflow:hidden;}
.blank20{height:20px;overflow:hidden;}
.blank30{height:30px;overflow:hidden;}
.blank40{height:40px;overflow:hidden;}
.blank50{height:50px;overflow:hidden;}
.blank100{height:100px;overflow:hidden;}


.logo { margin: 0; }
.t-links {}
.t-links li { float: right; padding:15px 5px 10px;color:#4E4E4E;}
.t-links li img { padding-bottom:5px;}
.t-links li a{ padding:0 5px; color:#4E4E4E; }

  #showchild {
    position: relative;
    z-index: 99;
  }
  #showchild a{
    position: relative;
    z-index: 999;
  }
  #showchild div{
    /*display: none;*/
    width:200px;
    position: absolute;
    z-index: 999;
    background: #fff;
    padding:0 10px;
    text-align: center;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    left:50%;
    top:20px;
    margin-left:-110px;
    list-style: none;
    white-space: nowrap;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: default;
  }
  #showchild>div:before{
    top:-5px;
    position: absolute;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    transform: rotate(-45deg);
    border: 6px solid;
    border-color: #fff transparent transparent #fff;
    box-shadow: 1px -1px 5px rgba(0,0,0,0.1);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  #showchild:hover div {
    opacity: 1;
    filter: alpha(opacity=100);
    top:40px;
  }
  #showchild:hover>div:before{
    opacity: 1;
    filter: alpha(opacity=100);
  }
  #showchild div span{
    width:100%;
    font-size:14px;
    display: block;
    height:0px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  #showchild div span:after{
    display: block;
    content:'';
    clear:both;
  }
  #showchild:hover div span{
    line-height: 2em;
    height:2em !important;
    opacity: 1;
    border-bottom:1px solid #eee;
    filter: alpha(opacity=1);
  }
.bg-bai { background:#FFF;}
.bg-hui { background:#F5F5F5;}
.f16 { font-size:16px;}
.line50 { line-height:50px;}

.style8 {
	color: #CC0000;
	font-weight: bold;
	font-size: 14px;
	line-height:35px;
}
.style6 {font-size: 10pt; color: #000000; font-weight: bold; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle;
	text-align:center;
}
.mt15 {
	margin-top: 15px;
}
.mt18 {
	margin-top: 18px;
}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mb20 {margin-bottom: 20px;}

.ptb30 {
	padding: 15px 0px;
}
.pl20 { padding-left:20px;}
.pr50 { padding-right:50px;}
.pb20 { padding-bottom:20px;}
.pr20 { padding-right:20px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.red { color:#F00;}
.f10 { font-size:10px;}
.blue {
	color: rgb(73, 112, 182);
}

.form-control{ height:24px;}
.btn { padding:3px 9px 5px;} 

.carousel-control {
  background-image: none !important;
  filter: ;
}
.carousel-control{
  background-image: none !important;
}
.glyphicon-chevron-left { }

.yingcang {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*主导航菜单开始*/

.top-nav {
    height: 72px;
    font-size: 18px;
}
.top-nav li {
    height: 67px;
    line-height: 67px;
    padding: 0;
    color: #000;
    width: 100px;
    display: inline-block;
    margin: 0;
}
.top-nav li a {
    padding: 0;
    color: #fff;
    text-align: center;
    transition: no;
    
}
.top-nav li:hover  a{
    font-weight: 600;
    background: none;
}
.top-nav li .current {
    display: block;
    font-weight: 600;
    color: #fff;
	  border-bottom:5px solid #fff;
}


/* 二级 */

#nav_all li ul {
    display: none;
    position: absolute;
    z-index: 99;
    padding: 0;
    top: 50px;
    left: 0px;
    background: none;
    width: 100%;
    overflow: hidden;
    border-bottom: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#nav_all ul li {
    padding: 0;
    overflow: hidden;
    float: none;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #F2F2F2;
}
#nav_all ul li:last-child { border-bottom:none;}
#nav_all ul li a {
    margin: 0px;
    height: 45px;
    display: block;
    line-height: 45px;
    color: #333;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    padding: 0 10px;
}

/*主导航菜单结束*/

.about { padding-right:50px;}
.about h2 { display:inline;}
.about h2 span{ line-height:60px; text-transform:uppercase; color:#333333;  font-weight:bold;}
.about h2 i{ font-size:16px; color:#999;  font-style:normal;}
.about h3 { font-size:30px; line-height:3.2vw; color: #004884;}
.about h3:after{ content:''; width:50px; height:4px; background: #004884; display:block;}
.about p{ font-size:16px; color:#666666; line-height:30px; padding-top:30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden}

.morebtn{ line-height:53px; border:1px solid #004884; border-radius:27px; width:180px; text-align:center;font-size:14px; color:#004884; display:block; margin-top:54px; transition: all 0.5s ease 0s;}
.morebtn:hover{ color:#FFFFFF; background: #004884;}


.vid-wrap{
    width:100%;background: #000;
    position:relative;
    padding-bottom:56.25%;    /*需要用padding来维持16:9比例,也就是9除以16*/
    height: 0;
}

.vid-wrap video{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%
}

.about_nav ul li{ width:25%; text-align:center; float:left; transition:all 0.5s ease 0s; }
.about_nav ul li a{ display:block ; text-align:center;border:1px solid #eee; padding:56px 0; text-indent:49%; }
.about_nav ul li+li a{border-left:none; }
.about_nav ul li a  span{ display:block; color:#333333; font-size:24px; line-height:32px; text-align:left;}
.about_nav ul li a i{ display:block ; color:#999999;  font-size:14px;line-height:20px; text-transform:uppercase; text-align:left; font-style:normal;}

.about_nav ul li:nth-of-type(1) a{ background:url(../../images/inx_1.png) no-repeat 26% center;}
.about_nav ul li:nth-of-type(2) a{ background:url(../../images/inx_2.png) no-repeat 26% center;}
.about_nav ul li:nth-of-type(3) a{ background:url(../../images/inx_3.png) no-repeat 26% center;}
.about_nav ul li:nth-of-type(4) a{ background:url(../../images/inx_4.png) no-repeat 26% center;}

.about_nav ul li:nth-of-type(1):hover a{ background:url(../../images/inx_on1.png) no-repeat 26% center;}
.about_nav ul li:nth-of-type(2):hover a{ background:url(../../images/inx_on2.png) no-repeat 26% center;}
.about_nav ul li:nth-of-type(3):hover a{ background:url(../../images/inx_on3.png) no-repeat 26% center;}
.about_nav ul li:nth-of-type(4):hover a{ background:url(../../images/inx_on4.png) no-repeat 26% center;}
.about_nav ul li:hover{ background: #004884;}
.about_nav ul li a:hover span{ color:#FFFFFF;}
.about_nav ul li a:hover i{ color:#FFFFFF; }






.product { background:url(../img/products.jpg) no-repeat top center; height:650px;}
.product_txt { padding-top:80px; width:80%;}
.product_txt h3{ font-size:36px; font-weight:bold; color:#FFFFFF; line-height:5.4vw;}
.product_txt p{font-size:14px; line-height:26px; color:#FFFFFF; width:100%; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; overflow:hidden; min-height:80px; }
.product_txt .morebtn{ color:#FFFFFF; border-color:#FFFFFF;margin-top:2.8vw;}
.product_txt .morebtn:hover{ color:#004884; background: #FFFFFF;}



.product_nav{ margin:0 auto; position:relative; margin-top:-150px; }
.product_nav ul{ }
.product_nav ul li{ float:left; text-align:center; width:25%; background: #FFFFFF; }
.product_nav ul li img { padding:30px;}
.product_nav ul li+li{ border-left:2px solid#EEEEEE;}
.product_nav ul li a{ display:block;}
.product_nav ul li span{ display:block; font-size:18px; color:#333333; padding-bottom:44px;}
.product_nav ul li:hover span{ border-bottom:6px solid #004884; color:#004884; margin-top:-6px;}



.index_news_l{ height:35.9vw; padding:80px 50px 0 40px; background: url(../img/index_news.jpg) no-repeat top left; height:640px; }
.index_news_l h2 span{ font-size:3.125vw; line-height:60px; text-transform:uppercase; color:#fff;  font-weight:bold;}
.index_news_l h2 i{ font-size:16px; color:#fff; font-style:normal;}
.index_news_l h2:after{ content:''; width:50px; height:4px; background: #fff; display:block;margin-top:30px; margin-bottom:40px;}
.index_news_l p{ color:#FFFFFF; font-size:14px;}
.morenews{ display:block ; width:60px;height:60px; border:1px solid #FFFFFF; margin-top:77px; transition:all 1s ease 0s;}
.morenews:after{ content:''; width:30px; height:1px; display: block; background: #FFFFFF; position:relative; left:15px;transition:all 1s ease 0s;}
.morenews:before{ content:''; width:1px; height:30px; display: block; background: #FFFFFF; position:relative; left:50%; top:15px;transition:all 1s ease 0s;}
.morenews:hover::after {background: #004884;}
.morenews:hover::before {background: #004884;}
.morenews:hover {background: #fff;}



.index_news_r { background: #fff; height:300px;}
.index_news_r .left { float:left; width:51%; padding-left:40px; overflow:hidden;}
.index_news_r .left h3{ text-align:left; padding:30px 0 0 0;}
.index_news_r .left h3 a{  color:#333; font-size:18px; line-height:18px; padding-bottom:20px; background:url(../../images/dian1.jpg) no-repeat 2px center; transition:all 1s ease 0s; text-overflow:ellipsis; overflow:hidden ; white-space:nowrap;}
.index_news_r .left p{ float:left; font-size:14px; color:#666; line-height:26px;  display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden;}
.index_news_r .left p.ntime{ color:#999;}
.index_news_r .left span { float:left;}
.index_news_r .right { float:right; width:45%;}


.index_news_r .right2 { float:left; width:53%; padding-left:24px; overflow:hidden;}
.index_news_r .right2 h3{ text-align:left; padding:30px 0 0 0; }
.index_news_r .right2 h3 a{  color:#333; font-size:18px; line-height:18px; padding-bottom:20px; background:url(../../images/dian1.jpg) no-repeat 2px center; transition:all 1s ease 0s; text-overflow:ellipsis; overflow:hidden ; white-space:nowrap;}
.index_news_r .right2 p{ float:left; font-size:14px; color:#666; line-height:26px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden;}
.index_news_r .right2 p.ntime{ color:#999;}
.index_news_r .right2 span { float:left;}
.index_news_r .left2 { float:left; width:45%;}
.index_news_r .left2 .left2_two{ display: flex; flex-flow: row nowrap;}




a.wmore{ padding:1vw 2.6vw; font-size:14px; color:#666666; border:1px solid #DDDDDD; border-radius:1.5vw; line-height:14px;margin-top:0; transition:all 0.5s ease 0s; display:inline-block;}
.index_news_r span:hover a.wmore {
    color: #fff;
    background: #004884;
    border: none;
}


.history {background:#f5f5f5 url(../../images/history.jpg) no-repeat top center; padding-top:137px; height:808px;}
.history h3 { text-align:center; font-size:36px; color:#1F67BC; letter-spacing:4px; margin-bottom:60px;}
.history h5 { font-size:18px; text-align:center; line-height:30px;}
.history .text { line-height:35px; font-size:16px; width: 252px; background: #fff; margin: 0 auto;}




/*导航*/
.nr_head{ border-bottom:1px solid #eee; margin-top:20px; height:50px;}
.nr_title{ float:left; line-height:1;}
.nr_position{ float:right; line-height:1; padding-top:15px;}
.nr_position { font-size:16px;}
.nr_position b{ color:#059839}
.ResTitle_a1 br{ display:none;}
.ResTitle_a1 span{ font-size:30px ;color:#004884; display:inline-block;}
.ResTitle_a1 em{ font-size:14px; color:#999999; display:inline-block;  font-style:normal;}
.ResTitle_a1 em:before{ content:' /'; display:inline-block; color:#999999; font-size:14px;padding-right:5px; }


.h120 {
    height: 300px;
    position: relative;
    margin-bottom: 30px;
    margin-top: 10px;
	border:1px solid #EEEEEE;
}
.red-i {
    position: absolute;
    bottom: 20px;
    height: 20px;
    left: 282px;
    right: 0;
    color: #F00;
}
.red-buton {
    position: absolute;
    bottom: 21px;
    height: 20px;
    left: 1050px;
    right: 0;
    color: #F00;
}
.h120 div a.link {
    width: 1140px;
    height: 210px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
}
.h120:hover div {
    color: #000;
}
.h120:hover div a {
    color: #000;
}
.h120:hover div p {
    color: #000;
}
.h120:hover {
    background: #F1F1F1;
    color: #000;
}

.h120 h3 { padding-top: 30px; line-height: 1;padding-bottom: 30px; transition: all 0.5s ease 0s; font-weight:normal; }
.h120 p {font-size: 14px;color: #666;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; text-align: left; padding-right:60px;}
.h120 p.ntime {color: #999; font-size: 12px; line-height: 1; padding-top: 10px; padding-bottom: 30px;}
.h120 a.wmore { color: #000; background: #fff;}
.h120:hover a.wmore { color: #fff; background: #004884;}


.new_box{ padding:0px 10px 0px 10px; border:0px solid #dce4ee; }
.new_box li{ line-height:33px; height:33px; border-bottom:1px dashed #E3E3E3;}
.new_box li a{  color:#666; background: url(../../images/list1.png) no-repeat  4px 9px; padding-left:17px; font-size:13px;}
.new_box li a:hover{color:#f30;}
.new_box li span{float:right;}

.cp-title { background:#F7F7F7;}
.cp-title-sub {
    margin: 0 auto;
    text-align: center;
}
.cp-title-sub li {
    border: 1px solid #dedede;
	background:#FFF;
	font-size:16px;
	color:#1A58A6;
    text-align: center;
    margin: 25px 10px;
    padding: 0 40px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
	border-radius:25px;
}
.cp-title-sub li:hover {
    background: #004884;
    color: #FFF;
    border: 1px solid #1A58A6;
}
.cp-title-sub li:hover a {
    color: #FFF;
    transition: all 0.4s ease 0s;
}
.cp-title-sub .current {
	color: #FFF;
    background: #004884;
    border: 1px solid #1A58A6;
 }
.cp-title-sub .current a{
     color: #FFF;
 }


/*分页*/
#pages { padding:14px 0 10px; text-align:center; font-size:16px; }
#pages a { display:inline-block; height:50px; line-height:50px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px; margin:0 5px; }
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:70px; padding:0; }
#pages a:hover { background:#004884; border:1px solid #1A58A6; color:#fff; text-decoration:none; }
#pages span { display:inline-block;  height:50px; padding:0 15px; line-height:50px; background:#004884; border:1px solid #1A58A6; color:#fff; text-align:center; margin:0 5px; }
.page .noPage { display:inline-block; height:50px; line-height:50px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }




/* 内容 */
#Article{ overflow:hidden}
#Article,.photo-channel .relevance{ border:0px solid #E3E3E3;zoom:1; padding:0 20px;}
#Article h1{color:#000;font-size:30px; font-weight:700; margin-bottom:6px; text-align:center; padding:16px 0 8px; border-bottom:1px solid #e5e5e5}
#Article h1 span{ font-size:14px; font-weight:normal; line-height:80px; color:#999}
#Article .content{ font-size:16px;line-height:26px; color:#000000; padding-bottom:15px;}
#Article .content p{font-size:16px;line-height:26px;text-align:justify;word-wrap:break-word; padding-top:15px;}
#Article .content img{text-align:center; margin:0 auto;}
#Article .related{ border-top:dashed 1px #ccc; margin-top:15px}
#Article .related h5{padding-bottom:4px}
#Article .related{ padding:10px 0 0}
#Article .related ul{ }
#Article .related li{ background:url(../../images/fk.gif) no-repeat 5px 10px; line-height:24px; padding-left:20px; }


.f14 { font-size:16px; line-height:35px;}

/*产品内容页*/
.pro-box { padding-top:5px;}
.details {
	border-width: 2px 1px 1px; border-style: solid; border-color: rgb(217, 217, 217); padding: 20px; clear: both;}
.bimg {
	width: 260px; float: left;}
.bimg img {
	padding: 35px 30px; border: 1px solid rgb(217, 217, 217);}
.btxt {
	width: 420px; margin-left: 20px; float: left;}
.pdf {
	text-align: right; margin-top: 20px;}
.f24 {
	color: rgb(51, 51, 51); font-size: 24px; margin-top: 5px;}
.detlit {
	height: 40px; margin-top: 30px; border-bottom-color: rgb(136, 136, 136); border-bottom-width: 1px; border-bottom-style: solid;}
.idl {
	width: 52px; height: 36px; float: left; display: block;}
.ico5 {
	background: url("../../images/webico.png") no-repeat -57px -59px;}
.ico6 {
	background: url("../../images/webico.png") no-repeat -110px -59px;}
.ico7 {
	background: url("../../images/webico.png") no-repeat -163px -59px;}
.detxt {
	width: 400px; margin-left: 5px; float: left;
}
.detxt span {
	width: 100%; line-height: 18px; display: block;
}
.fon18 {
	color: rgb(51, 51, 51); font-size: 18px;
}
.red18 {
	color: rgb(255, 0, 0); font-size: 17px;
}
.tab {
	margin: 30px 0px 0px 100px; width: 70%;
}
.tab td {
	height: 25px; text-align: left; border-bottom-color: rgb(136, 136, 136); border-bottom-width: 1px; border-bottom-style: solid;
}
.tred {
	height: 30px; text-align: right; color: rgb(255, 0, 0); line-height: 30px; font-size: 14px;
}
.f18 {
	width: 100%; height: 25px; color: rgb(0, 0, 0); font-size: 18px; margin-top: 5px; display: block;
}


.top {
	width: 50px; text-align: center; right: -60px; bottom: 0px; position: absolute;
}
.itop a {
	background: url("../../images/webico.png") no-repeat -219px -59px; width: 50px; height: 50px; display: block;
}


/*单页*/
.p-box { padding:10px;font-size:16px;line-height:28px;text-align:justify;word-wrap:break-word; padding-top:20px; background:#FFF;}
.p-box p{ font-size:16px;line-height:28px;text-align:justify;word-wrap:break-word; padding-top:20px;}

/*股东专栏*/
.gd-box { padding:10px 30px 10px 20px;font-size:14px;line-height:26px;text-align:justify;word-wrap:break-word; padding-top:15px; background:#FFF;}


/*底部*/
.foot { background:#333333; height:300px; padding-top:80px; border-bottom:1px solid #535353 !important;}
.foot .left { float:left; width:80%; border-right:1px solid #535353;}
.foot .left .dh { width:25%; float:left;}
.foot .left h4 { color:#FFF; margin-bottom:20px;}
.foot .left li { line-height:30px; background: url(../../images/show_dot2.png) no-repeat 5px center; padding-left:5px;}
.foot .left li a{ color:#999; font-size:15px;}
.foot .right { float:right; width:20%; padding-left:60px;}
.foot .right h4 { color:#FFF; margin-bottom:0; letter-spacing:2px;}
.foot .right h3 { color:#FFF; margin-top:10px; font-size:26px; letter-spacing:2px;}
.foot .right .wx { color:#fff; font-size:16px; text-align:center; line-height:40px;}

.footer { line-height:60px; color:#999; background:#333333; font-size:16px;}
.footer a { color:#999; }








/* CSS Document */
table.job_more{ width:98%; margin:0px auto; margin-bottom:20px;}
table.job_more td{ padding:10px; border:1px #E3E3E3 solid; text-align:center; line-height:22px; font-size:16px;}
table.job_more td.title_job{ text-align:center; background:#F2F2F2;font-size:15px; background:none; padding:0;}
table.job_more td.content{ text-align:left;}

.job{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#FFF;}
.job .job_list .title{ font-size:18px; color:#666;} 
.job_page{ width:100%; padding:10px 0xp;}

table.job_list{ width:100%; margin:0px auto; margin-bottom:20px;}
table.job_list tr.title td{ font-weight:bold;padding:15px;  background:#F2F2F2;} 
table.job_list td{padding:15px; border:1px #E3E3E3 solid; text-align:center; line-height:30px; font-size: 16px;}

.input-text1{border:1px solid #A7A6AA; height:35px; margin:0 5px 0 0; padding:2px 0 2px 5px; border: 1px solid #d0d0d0; background: #FFF url(../images/admin_img/input.png) repeat-x; font-family: Verdana, Geneva, sans-serif,"宋体";font-size:12px;}








.postRequire {
	font-size: 16px;display: none;color: #959698;
}
.postRequire p {
	line-height: 30px;
}

.newsCon {
	font-size: 16px;line-height: 30px;width: 100%;
}
.newsCon p {
	 text-indent:2em;
}
a {
	cursor: pointer;
}

.indexBanner {
	width: 100%;
}
.display {
	display: none;
}
.banner1, .banner2 {
	width: 100%;
}
.leftButton, .rightButton {
	position: absolute;top: 250px;z-index: 100;cursor: pointer;
}
.leftButton {
	left: 20px;
}
.rightButton {
	right: 20px;
}





.indexBanner {
	padding: 0;
}
.indexBanner .outer{
	position:relative;width:100%;height:auto;margin:0 auto;
}
.indexBanner ul li{
    list-style:none;
}
.indexBanner img{
    width:100%;
    height:auto;
    position:absolute;
    top:0px;
    left:0px;
}
.indexBanner .num{
    position:absolute;
    bottom:10px;
    font-size:0px;
    width:100%;
    text-align:center;
}
.indexBanner .num li{
    width:12px;
    height:12px;
    background-color:#f0f0f0;
    border-radius:60%;
    display:inline-block;
    font-size:10px;
    margin:3px;
    cursor:pointer;
}
.indexBanner .button{
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    position:absolute;
    top:270px;
    display:none;
    cursor:pointer;
}
.indexBanner .btn_left{
    left:20px;
}
.indexBanner .btn_right{
    right:20px;
}
.indexBanner .outer:hover .button{
    display:block;
}
.indexBanner .outer .num li.current{
    background-color:#004884;
}

.detailPic {
	float: left;margin-top: 20px;
}
.detailPic img {
	width: 70%;margin-left: 15%;
}
.detailText {
	float: left;margin-top: 80px;
}
.detailText p {
	font-size: 16px;line-height: 40px;width: 100%;
}
.detailText span {
	color: #999;
}
.detailText ul li {
	line-height: 40px;margin-left: 40px;font-size: 16px;
}



.newsCon p {
	margin-top: 20px;line-height: 32px;width: 100%;
}
.newsCon img {
	margin-top: 20px;width: 700px;
}
.newsConImg {width: 100%;}
.video {width: 700px;}



.postTitle {
	background: #f5fafe;margin: 0;padding: 0;height: auto;width: 100%;
}
.postTitleText {
	color: #343138;font-size: 20px;padding-top: 56px;font-weight: bold;width: 1170px;margin: 0 auto;
}
.postMoney {
	color: #f3484e;font-size: 20px;padding-top: 14px; width: 1170px;margin: 0 auto;
}
.postInfor {
	font-size: 14px;color: #4e5f67;padding: 20px 0 50px 0;width: 1170px;margin: 0 auto;
}
.postdesc {
	color: #2c353e;font-size: 16px;font-weight: bold;margin-top: 30px;
}
.line {
	width: calc(100vh - 80px);height: 1px;background: #F0F0F0;position: absolute;top: 11px;left: 80px;
}

.glyphicon-globe:before {
	content: ""
}


@media screen and (min-width:786px){ 
	.pcWidth {
		width: 1170px !important;margin: 20px auto 0 !important;
	}
}

.head img {
	width: 200px;margin-top: 11px;
}

/*介绍*/
.vid-wrap1 img {
	width: 900px; height: auto; margin-top:30px;
}
/*首页*/
.about span {font-size: 52px;}
.index_news_l h2 span {font-size: 50px;}
.index_news_r .right2 h4 {margin-top: 30px;}
/*产品中心*/
.productDetail {font-size: 16px;margin: 50px 0;}
	.foot .right .wx {width: 80px;}
	
/*在线留言*/
.messCon, .messConSex {
	margin-bottom: 20px;
}
.messCon span, .messConSex span {
	display: inline-block;width: 80px;text-align: right;margin-right: 10px;
}
.messConText div {
	width: 80px;text-align: right;margin-right: 10px;
}
.messCon input {
	width: calc(100% - 100px);height: 38px;line-height: 38px;padding: 0 10px;
}
.resume, .capacity {
	width: calc(100% - 100px);min-height: 200px;resize: none;margin: -28px 0 10px 95px;padding: 4px 10px;
}
.submitBtn {
	background: #004884;width: 100px;height: 38px;line-height: 38px;
	text-align: center;border-radius: 48px;color: #fff;cursor: pointer;
	margin: 10px 0 10px -50px;border: 1px solid #004884;outline: none;
	left: 50%;position: relative;font-size: 14px;
}
.submitBtn:hover {
	background: #005092;border: 1px solid #004884;
}
.mask {
	width: 300px;padding: 10px 4px;background: rgba(0, 0, 0, 0.6);
	color: #fff;text-align: center;position: fixed;left: 50%;
	margin-left: -150px;display: none;z-index: 100;
	border-radius: 48px;bottom: 300px;
}
.employBtn {
	width: 100px;background: #004884;color: #fff;text-align: center;line-height: 40px;
	border-radius: 6px;left: 50%;margin-left: -50px;cursor: pointer;margin-bottom: 20px;
}
@media screen and (max-width: 1199px){ 
	.top-nav li {margin: 0;width: 90px;}
	.vid-wrap img {width: 100%;}
	.about span {font-size: 24px;}
	.about h3 {font-size: 20px;}
	.about p {-webkit-line-clamp: 2;}
	.morebtn {margin-top: 20px;}
	.foot .right {padding-left: 20px;}
	.index_news_r img {height: auto;width: 300px;}
}
@media screen and (max-width:767px){ 
	.padding0 {padding: 0;}
	.margin0 {margin: 0;}
	/*公司简介*/
	.vid-wrap1 {width: 100%;}
	.vid-wrap1 img {width: 100%;height: auto;margin-bottom: 30px;}
	.nr_head {height: 40px;}
	.nr_title {width: 100%;}
	.nr_title .ResTitle_a1 {text-align: center;}
	.nr_title .ResTitle_a1 span {font-size: 16px;}
	.p-box p {padding-top: 0;}
	/*首页*/
	.phoneTop {height: 48px;position: fixed;top: 0;left: 0;z-index: 110;background: #004884;}
	.phoneTop .logo {width: 32px;float: left;margin: 7px 0;}
	.topText {text-align: center;font-size: 16px;line-height: 48px;color: #fff;}
	.topBtn {}
	.topBtn img {float: right;width: 20px;margin: 14px 5px 0 0;position: relative;z-index: 100;}
	.topBtnBg {
		background: rgba(0,0,0,0.5);width: 100px;font-size: 14px;
		border-radius: 6px;color: #fff;padding: 10px 0;text-align: center;
		position: absolute;right: 10px;top: 50px;z-index: 100;display: none;
	}
	.topBtnBg ul {}
	.topBtnBg ul li {margin: 10px 0;}
	.topBtnBg ul li a {color: #fff;}
	.about {padding-right: 0;text-align: center;}
	.about span {font-size: 20px;}
	.about h3 {font-size: 16px;}
	.about h3:after{ content:''; width:0; height:0; background: #004884; display:block;}
	.about p {padding-top: 10px;}
	.morebtn {
		line-height:34px; border:1px solid #004884; border-radius:27px; width:160px;
		text-align:center;font-size:14px; color:#004884; display:block; margin:14px auto 20px;
	}
	.vid-wrap {width: 100%;}
	.vid-wrap img {width: 100%;}
	.product_txt h3 {font-size: 20px;text-align: center;}
	.product_txt {padding-top: 20px;width: 100%;}
	.product_nav {margin-top: 20px;}
	.clearfix {}
	.product_nav ul li {width: 46%;margin: 4px 2%;}
	.product_nav ul li+li {border: none;}
	.product_nav ul li span {font-size: 12px;}
	.product {height: 250px;}
	.proConIndex {padding: 0;margin: 0;}
	.index_news_l {padding: 10px 50px 0 40px;height: 200px;}
	.index_news_l h2 span {font-size: 20px;}
	.index_news_l h2:after {content:''; width:0; height:0; background: #fff; display:block;margin-top:0; margin-bottom:0;}
	.index_news_r {height: 200px;}
	.index_news_r img {width: 100px;height: auto;}
	.index_news_r .right2 {padding-left: 0;}
	.index_news_r h4 {margin-top: 20px !important;font-size: 16px;overflow: hidden;
		text-overflow: ellipsis;white-space: nowrap;}
	.index_news_r .right2 p {font-size: 12px;padding-top: 10px;}
	.index_news_r .left p {font-size: 12px;padding-top: 10px;}
	.index_news_r .left {padding-left: 15px;}
	/*footer*/
	.foot {padding-top: 20px;height: 400px;}
	.bottomText {font-size: 12px;padding: 0;}
	.foot .left .dh{width: 100%;}
	.foot .left h4 {margin-bottom: 4px;}
	.foot .left .dh ul li {float: left;}
	.foot .left {width: 100%;border-right: 0;}
	.foot .right {width: 100%;padding: 0;}
	/*产品中心*/
	.productDetail .mainPic {
		float: left;width: 140px !important;
	}
  .productDetail {font-size: 14px;min-height: 40px;}
	.productsTitle, .productsTitlePhone {left: 0; margin-left: 0;padding: 16px 0;}
	.productDetail div {text-align: left;}
	
	/*新闻*/
	.newsCon {width: 100%;}
	.newsCon img {width: 80%; height: auto;}
	.video {width: 80%;}
	/*招聘*/
	.marginLeftRight15 {margin-left: 15px; margin-right: 15px;}
	.left {float: left;}
	.right {float: right;}
	.postLine .postInfor {padding: 10px 0 30px 0;}
	.postPhone {border-bottom: 1px solid #eee;margin: 0 15px;}
	.postRequire .postTitle {padding-left: 15px; padding-right: 15px;}
	.postRequire .pcWidth {margin-left: 15px; margin-right: 15px;}
	.postPhone .postTitleText {padding-top: 20px;}
	
	/*在线留言*/
	.messCon, .messConSex {
		margin-bottom: 20px;
	}
	.messCon span, .messConSex span {
		display: inline-block;width: 80px;text-align: left;margin-right: 10px;
	}
	.messConSex span {
		width: 40px;
	}
	.messConText div {
		width: 80px;text-align: left;margin-right: 10px;
	}
	.messCon input {
		width: 100%;height: 38px;line-height: 38px;padding: 0 10px;
	}
	.resume, .capacity {
		width: 100%;min-height: 200px;resize: none;margin: 0;padding: 4px 10px;
	}
	.submitBtn {
		background: #004884;width: 100px;height: 38px;line-height: 38px;
		text-align: center;border-radius: 48px;color: #fff;cursor: pointer;
		margin: 10px 0 10px -50px;border: 1px solid #004884;
	}
	.submitBtn:hover {
		background: #005092;border: 1px solid #005092;
	}
	.mask {
		width: 200px;padding: 10px 4px;background: rgba(0, 0, 0, 0.6);
		color: #fff;text-align: center;position: fixed;left: 50%;
		margin-left: -100px;display: none;z-index: 100;
		border-radius: 48px;bottom: 300px;
	}
}